<!DOCTYPE html>
<!-- saved from url=(0066)http://www.17sucai.com/preview/1268063/2018-08-22/Order/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title>订单详情</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <link href="js/order/style.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="js/common.js"></script>


    <script>
        $(function () {
            function getDate(tm){
                var tt=new Date(parseInt(tm)).toLocaleString()
                return tt;
            }

            var userId = getParams().userId;
            $.get('/users/'+userId + '/orders', function (data) {
                $('.aui-order-shop').after(data);
            })
            $.get('/users/' + userId + '/ordersDetail', function (data) {
                $('#orderNum').html(data[0].o_orderNum);
                var price = 0;
                $.each(data,function (index,item) {
                    price += item.c_price * item.o_count;
                })
                $('#price').html(price + '积分');
                var createTime = getDate(data[0].o_createTime);
                $('.createTime').html(createTime);
                $('#nickName').html(data[0].u_nickName);
                $('#place').html(data[0].u_place);
            })

        })
    </script>
    </head>
    <body>
        <!--

         * 17素材vip建站专区模块代码
         * 详尽信息请看官网：http://www.17sucai.com/pins/vip
         *
         * Copyright , 温州易站网络科技有限公司版权所有
         *
         * 请尊重原创，未经允许请勿转载。
         * 在保留版权的前提下可应用于个人或商业用途

        -->
        <section class="aui-flexView">
            <header class="aui-navBar aui-navBar-fixed">
                <a href="javascript:;" class="aui-navBar-item">
                    <i class="icon icon-return"></i>
                </a>
                <div class="aui-center">
                    <span class="aui-center-title">订单详情</span>
                </div>
                <a href="javascript:;" class="aui-navBar-item">
                    <i class="icon icon-share"></i>
                </a>
            </header>
            <section class="aui-scrollView">
                <div class="aui-order-list">
                    <div class="aui-order-complete">
                        <i class="icon icon-complete"></i>
                        完成
                    
                    </div>
                    <div class="aui-order-process">
                        <div class="aui-order-process-hd">
                            <i class="icon icon-car"></i>
                            感谢您在商城购物,欢迎您的再次光临!
                        </div>
                        <div class="aui-order-process-bd"></div>
                    </div>
                </div>

                <div class="divHeight"></div>
                <div class="aui-order-shop">
                    <div class="aui-order-shop-hd">
                        <i class="icon icon-shop"></i>
                        骡窝窝积分商城
                    
                    </div>
                </div>
                <!--<div class="aui-order-product">
                    <div class="aui-order-product-hd">
                        <img src="./订单详情_files/pd-001.png" alt="">
                    </div>
                    <div class="aui-order-product-bd">
                        <h2>苹果新款笔记本电脑mac充电器MacBook Air/Pro电池电源适配器</h2>
                        <p>数量:1 颜色:85W老款弯头18.5 4.6 A </p>
                        <div class="aui-order-text">
                            <span class="aui-order-text-hd">￥199.90
                            </span>
                            <span class="aui-order-text-bd">
                                <em>申请售后</em>
                            </span>
                        </div>
                    </div>
                </div>-->
                <div class="aui-order-service">
                    <div class="aui-order-service-hd">
                        <i class="icon icon-service"></i>
                        联系客服
                    
                    </div>
                </div>
                <div class="divHeight"></div>
                <div class="aui-order-service">
                    <div class="">发票类型:
                    </div>
                    <div class="">不开发票</div>
                </div>
                <div class="divHeight"></div>
                <div class="aui-fk-list">
                    <div class="aui-fk-list-hd">
                        订单编号: <em id="orderNum"></em>
                    </div>
                    <div class="aui-fk-list-bd">
                        实付款: <em id="price"></em>
                    </div>
                </div>
                <div class="aui-show-box">
                    <a href="javascript:;">
                        <div>创建时间</div>
                        <div class="createTime"></div>
                    </a>
                    <a href="javascript:;">
                        <div>支付方式:在线支付</div>
                       <div class="createTime"></div>
                    </a>
                    <a href="javascript:;">
                        <div>配送方式:商城物流</div>
                        <div>工作日、双休与节假日均可送货</div>
                    </a>
                    <div class="divHeight"></div>
                    <a href="javascript:;">
                        <div id="nickName"></div>
                        <div id="place"></div>
                    </a>
                    <div class="divHeight"></div>
                </div>
                <div class="aui-show-button">
                    <a class="" href="javascript:void(0);" id="aui-show-btn">
                        <span id="aui-show-open">展开完整信息</span>
                        <i class="icon fa fa-angle-right"></i>
                    </a>
                </div>

            </section>
        </section>
        <script type="text/javascript">

            $(function view_details_click() {
                $("#aui-show-btn").bind('click', function() {
                    if ($(".aui-show-box").is(":hidden")) {
                        $(".aui-show-box").show();
                        $(this).find("#aui-show-open").text(" 收起");
                        $(this).find(".fa").removeClass("fa-angle-right").addClass("fa-angle-down");
                    } else {
                        $(".aui-show-box").hide();
                        $(this).find("#aui-show-open").text(" 展开完整信息");
                        $(this).find(".fa").removeClass("fa-angle-down").addClass("fa-angle-right");
                    }
                });

            });
        </script>
    

</body></html>